/**
 * TransitionGroup 组件
 *
 *    应用与循环渲染的多个元素
 *
 * Transition 组件
 *
 * 1. 如果让某个元素在初次渲染时应用动画or过渡效果呢？
 *    设置 appear 属性为 true 即可
 *
 * 2. 过渡模式是什么？
 *
 *    mode="out-in"   先离开再进入
 *    mode="in-out"   先进入再离开
 *    没有设置时        同时进行
 *
 * 3. 一个组件有多个 Transition，期望应用不同的过渡效果，应该怎么办？
 *    设置 name 属性
 *
 * 4. 如何应用动画效果，而非过渡效果
 *    1. 设置 active 相关类名，为动画css即可
 *    2. 设置 enter-active 的属性，属性值可以结合一些其他动画库[https://animate.style/]做好的类
 *
 *    v-enter-from    enter-from-class="a"
 *    v-enter-to      enter-to-class="b"
 *    v-enter-active  enter-active-class="c"
 *
 *    v-leave-from    leave-from-class="d"
 *    v-leave-to      leave-to-class="e"
 *    v-leave-active  leave-active-class="f"
 */

import { createApp } from "vue";
import App from "./App.vue";

// 引入全局的 animate.css
import "animate.css";

// 创建应用
const app = createApp(App);

// 挂载应用
app.mount("#app");
